<%-- 
    Document   : buscarLibroPorISBN
    Created on : 14-ene-2014, 18:56:12
    Author     : Johann
--%>

<%@page import="app.modelo.Libro"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="html" uri="http://jakarta.apache.org/struts/tags-html" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/misEstilos.css"  type="text/css" rel="stylesheet"/>
        <link href="css/miFormularioTablas.css"  type="text/css" rel="stylesheet"/>
        <link href="css/mensajesError.css"  type="text/css" rel="stylesheet"/>
        <title>Buscar Libro por su ISBN</title>
        <html:javascript formName="consultarLibroISBNForm" />
        <script type="text/javascript" language="javascript">
            /**
             * 
             * @param {type} isbn
             * @param {type} precio
             * @returns {undefined}
             *  Método que llama a un prompt con el precio original para que el 
             *  usaurio pueda modificarlo. Se realizan algunas validaciones, del 
             *  formato por ejemplo.
             */
            function entraPrecioNuevo(isbn, precio) {
                //alert(isbn + "-" + precio);
                var precioNuevo = prompt("Modifique el precio y haga clic en aceptar. Use el formato (0.00)", precio);
                if (valNumber(precioNuevo)) {
                    if (precioNuevo != null) {
                        document.location.href = "<%=request.getContextPath()%>" + "/modificarPrecioLibro.do?modificarPrecio=modificarPrecio&isbn=" + isbn + "&precio=" + precioNuevo;
                    }
                }
            }
            
            /**
             * Método que valida que sea una cantidad.
             * @param {type} numero
             * @returns {Boolean}             */
            function valNumber(numero) {
                var regEx = /^[0-9]{0,3}(\.[0-9]{0,2})?$/;
                //bValid = document.Form1.t1.value.match(regEx);
                bValid = numero.match(regEx);
                if (!bValid) {
                    alert('Formato incorrecto. (Ejemplo válido: 12.34)');
                    return false;
                }else{
                    return true;
                }
            }
        </script>
    </head>
    <body class="fondoPagina">
        <!--BEGIN #signup-form -->
        <div id="signup-form">
            <!--BEGIN #subscribe-inner -->
            <div id="signup-inner">
                <html:form action="consultarLibroISBN" onsubmit="return validateConsultarLibroISBNForm(this)">  
                    <div class="clearfix" id="header">
                        <%
                        if(request.getAttribute("modificar") != null){
                            %>
                                <h1>Modificar precio Libro</h1>
                                <input type="hidden" name="modificarPrecio" value="SI" />
                            <%
                        } else {
                            %>
                                <h1>Buscar Libro por su ISBN</h1>
                            <%
                        }
                        %>                        
                    </div>
                    <label for="titulo">ISBN</label><html:text property="isbn" /><br>
                    <input type="hidden" name="op" value="4" />
                    <button id="submit" type="submit">Buscar Libro</button>
                </html:form>
                <%
                    if(request.getAttribute("libro") != null){
                        %><br><%
                        if(request.getAttribute("modificar") != null) {
                            %>
                            <div id="required">
                                <p>* Haga clic sobre el precio para modificar.</p>
                            </div>
                            <%
                        }
                        %>
                        <div class="datagrid">
                        <table>
                            <thead>
                                <tr align="center"><th>T&iacute;tulo</th>
                                    <th>Autor</th><th>ISBN</th><th>Editorial</th>
                                    <th>Publicaci&oacute;n</th>
                                    <th>Precio</th><th>Descripci&oacute;n</th>                            
                                </tr>
                                <tr>
                                    <%Libro libro = (Libro) request.getAttribute("libro");
                                    %><td><%=libro.getTitulo()%></td><%
                                        %><td><%=libro.getAutor()%></td><%                                        
                                        %><td><%=libro.getIsbn()%></td><%
                                        %><td><%=libro.getEditorial()%></td><%
                                        %><td><%=libro.getPublicacion()%></td><%                                                                               
                                        if(request.getAttribute("modificar") != null){%>
                                        <td>
                                            <a href="#" onclick="entraPrecioNuevo(<%=libro.getIsbn()%>, <%=libro.getPrecio()%>)">
                                                <%=libro.getPrecio()%>
                                                </a>
                                            </td>                        
                                        <%} else {%>                                        
                                        <td><%=libro.getPrecio()%></td>    
                                        <%}%>
                                        <td><%=libro.getDescripcion()%></td>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <%
                    }
                %>
                <%
                if(request.getAttribute("libroNoEncontrado") != null){
                    %>
                    <br>
                    <div id="display-error">
                        <img src="imagenes/error.png" alt="Error" /> <%=request.getAttribute("libroNoEncontrado") %>
                    </div>
                    <%
                }
                if(request.getAttribute("libroModificadoOK") != null){
                    %>
                    <br>
                    <div id="display-success">
                        <img src="imagenes/success.png" alt="Error" /> <%=request.getAttribute("libroModificadoOK")%>
                    </div>
                    <%
                }
                %>               
            </div>
            <!-- Añadimos un div con un botón para volver atrás-->
            <div align="center" style="margin-top: 20px;"><a href="index.jsp">Volver</a></div>
            <!--END #signup-inner -->
        </div>
        <!--END #signup-form -->   
    </div>
</body>
</html>
